<template>
    <div class="box">
      <m-head title="学校概况"></m-head>
      <img src="../../static/images/banner1.jpg" alt="">
      <div class="list">
        <div class="item">
          <div class="title">
            <h3>关于我们</h3>
          </div>
          <div class="con">
             &nbsp;&nbsp;&nbsp;美利兹来自美国纯正式英语教学，总部位于美国硅谷。2008年进入中国市场以来，在青少年英语教育领域所积累的家长口碑和影响力在业界已遥遥领先。
          </div>
        </div>
        <div class="item">
          <div class="title">
            <h3>课程体系</h3>
          </div>
          <div class="con">
            <p>1.3-7岁Basic基础课程:</p>
            <p>Basic基础课程学习时程为3年， 共12个级别，每个级别3个月，每周1次，每次1.5小时。</p>
            <p>2.7-10岁Intermediate进阶课程:</p>
            <p>Intermediate进阶课程学习时程为3年，共6个级别，每个级别6个月，每周一次，每次1.5小时。</p>
            <p>3.Advanced高阶课程</p>
            <p>高级课程学习时程为2年，共6个级别，每个级别4个月，每周1次，每次1.5小时。</p>
          </div>
        </div>
        <div class="item">
          <div class="title">
            <h3>联系我们</h3>
          </div>
          <div class="con">
            <p>电话：<span>025-33569328</span></p>
            <p>手机：<span></span>15366106650</p>
            <p>地址：<span>南京市秦淮区石门坎104号</span></p>
            <p>QQ：<span>25245425</span></p>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
import MHead from './MHeader'
import * as info from '../api/info'
export default {
  name: 'school',
  components: {
    'm-head': MHead
  },
  data () {
    return {
      school:{}
    }
  },
  mounted () {
    this.getSchool()
  },
  methods: {
    getSchool () {
      info.getSchool().then(res => {
        this.school = res.data
      })
    }
  }
}
</script>

<style scoped>
.box img{
  display: block;
}
.list{
  padding: .4rem .3rem;
}
.item{
  margin-bottom: .4rem;
}
.title{
  color: #0959c8;
  padding: .1rem 0;
  margin-bottom: .2rem;
  text-align: center;
}
.title h3{
  display: inline-block;
  border-bottom: 2px solid #007aff;
  font-size: .46rem;
  padding-bottom: 2px;
}
.con{
  font-size: .38rem;
  line-height: .58rem;
}
</style>
